// svg icon 工作原理： https://segmentfault.com/a/1190000015367490
// 1、symbol + use:xlink:href;
// 2、svg-sprite-loader生成雪碧图;
// 3、require.context动态引入所有文件；

import { App } from 'vue'
import SvgIcon from '@/components/SvgIcon/index.vue'
// 使用require.context 加载./svg目录下所有svg文件
const req = require.context('./svg', false, /\.svg$/) // [文件夹，是否使用子文件，文件匹配的正则]
// 导入./svg/下所有.svg文件
const requireAll = (requireContext: ReturnType<typeof require.context>) => requireContext.keys().map(requireContext)
requireAll(req)

export default (app: App): void => {
  // 全局注册svg-icon组件
  app.component('svg-icon', SvgIcon)
}
